| Exercise | 描述 | 超連結 |
| Exercise 01 - 修改字體 | 利用所學知識修改字體 | Exercise_01/index.html |
| Exercise 02 - 設定超連結 | 利用所學知識設定超連結 | Exercise_02/index.html |
| Exercise 03 - 超連結互連 | 超連結互連 | Exercise_03/index.html Exercise_03/index2.html Exercise_03/index3.html |
| Exercise 04 - 建立清單 | 建立清單 | Exercise_04/index.html |
| Exercise 05 - 網誌頁面 | 網誌頁面 | Exercise_05/index.html |
| Exercise 06 - 個人簡歷網頁 | 個人簡歷網頁 | Exercise_06/index.html |
| Exercise 07 - 修改檔案內容 | 善用工具修改檔案內容 | Exercise_07/index.html |
| Exercise 08 - 苦力帕 | 苦力帕 | Exercise_08/index.html |
| Exercise 09 - 製作出相同表格 | 製作出與附圖相同的表格 | Exercise_09/index.html |
| Exercise 10 - 使頁面成為附圖的樣子 | 利用得到的素材使頁面成為附圖的樣子 | Exercise_10/index.html |
| Exercise 11 - 以 Flex 完成頁面切版 | 以 Flex 完成頁面切版 | Exercise_11/index.html |
| Exercise 12 - 用 Grid 進行切版 | 用 Grid 進行切版 | Exercise_12/index.html |